/*
 * 可复用的公有布局 - 公用的css
 */
<<<<<<< HEAD
 .bg{
    background: pink;
}
.bg1{
    background: rgb(56, 243, 128);
}
.bg2{
    background: rgb(57, 176, 206);
}
/* 左浮动 */
.fl{
    float: left;
}
/* 右浮动 */
.fr{
    float: right;
}
/* 清除浮动 */
.clearfix::after{
    content: "";
    display: block;
    clear: both;
}
/* 版心 */
.wrap{
    width: 95%;
    margin: auto;
}
/* 字体大小 */
.fs10{
    font-size: 10px;
}
.fs12{
    font-size: 12px;
}
.fs16{
    font-size: 16px;
}
.fs18{
    font-size: 18px;
}
.fs20{
    font-size: 20px;
}
.fs22{
    font-size: 22px;
}
.fs24{
    font-size: 24px;
}
.ta{
    text-align: center;
}
.fw{
    font-weight: bold;
}
.c00a{
    color: #00a7ea;
}
.c444{
    color: #444;
}
.c777{
    color: #777777;
}
.bfb{
    color: #bfbfbf;
}
.ce2e{
    color: #e2e2e2;
}
.cfff{
    color: #fff;
}
.e6e{
    color: #e6e6e6;
}
.c33{
    color: #333333;
}

/* 背景 */
.bgfff{
    background: #fff;
}
.bgbk{
    background: black;
}
.bfcf{
    background: #fcfcfc;
}
.bf3f{
    background: #f3f3f3;
}

/* 隐藏 */
.hideBox{
    display: none;
}
/* 显示 */
.arise{
    display: block;
}
/* 显示样式 */
.showdiv{
    color: #fff;
    background: #f60;
}
/* 内容块 */
.ContentBox{
    width: 1200px;
    height:560px; 
    position: absolute;
    top: 40 px;
    left: 0;
}
=======

 .df{
     display: flex;
 }

>>>>>>> d21895f4aacb63b4386e0c6774089c2cca550587
